<!DOCTYPE html>
<html>

<head>
  <title>EasyD官网</title>
  <% include layout/lib.ejs %>
  <link rel="stylesheet" type="text/css" href="/css/index.css" />
</head>

<body>

  <% include layout/header.ejs %>
  <div class="bannerBox">
    <div class="bannerItem" style="background-image:url('/image/ed-6.jpg');"></div>
  </div>

  <!-- <div class="quickIntroduceBox" style="margin-top:50px;">
    <div class="quickIntroduceContent" style="padding-top:30px;">
      <div class="signMainBox">
        <b>您的每一行代码都是你技术的积累，是公司的财富，是颠覆行业的沙粒<br /><br />
          Easy-D不止是一个人的框架，更是为团队开发而生的框架，来吧！让我们一起成为代码艺术家！
          
        </b>
      </div>
      <div class="signAutherBox"><b>- Easy-D集合开发框架发起人</b></div>
    </div>
  </div> -->

  <div class="quickIntroduceBox" style="margin-top:50px;">
    <div class="quickIntroduceContent" style="background:none;width:1130px;">
      <div class="quickIntroduceTitleBox" style="margin-bottom:30px;">
        <!-- <div class="quickIntroduceTitleIcon">
          <img src="/image/ed-18.png" />
        </div> -->

        <div class="quickIntroduceTitle">—<b> Easy-D 集合开发框架简单介绍 </b>—</div>
      </div>
      <div class="quickIntroduceMainBox" style="padding:20px;line-height:24px;">
        Easy-D集合开发框架采用服务分层的架构方式，构建企业服务集合，达到多服务，多管理的独立服务运行模式，
        结构清晰，易于维护，并封装了大量的服务层，帮助企业快速搭建一个易于扩展开发的良性开发架构，并提供一个良好的开发生态环境，让每个人都可以封装自己的服务以及产品，运用到项目之中，让每一个开发者积累自己的开发过程，构建自己的知识服务体系
      </div>
    </div>
  </div>

  <div class="quickIntroduceBox" style="margin-top:30px;">
    <div class="quickIntroduceContent" style="background:none;width:1130px;">
      <div class="quickIntroduceTitleBox" style="margin-bottom:30px;">
        <!-- <div class="quickIntroduceTitleIcon">
          <img src="/image/ed-18.png" />
        </div> -->
        <div class="quickIntroduceTitle">—<b> Easy-D 集合开发框架主要产品 </b>—</div>
      </div>
      <div class="quickIntroduceMainBox">
        <div class="quickIntroduceItem">
          <div class="quickIntroduceName">Easy-D 原子层开发框架</div>
          <div class="quickIntroduceDesc">原子层开发框架（核心层），基于PHP语言开发，提供了基本的接口服务功能，提供标准的接口路由，接口文件分层，数据管理，数据缓存，自动构建表操作等操作，可以快速进行接口的开发，可独立部署。</div>
          <div class="quickIntroduceBtn">
            <a href="/moreVersion?type=atomic">
              <div class="quickDownload">Php最新版点击下载</div>
            </a>
            <div class="moreVersion"><a href="/moreVersion?type=atomic">更多版本</a></div>
          </div>
        </div>
        <div class="quickIntroduceItem">
          <div class="quickIntroduceName">Easy-D 聚合层开发框架</div>
          <div class="quickIntroduceDesc">聚合层开发框架（业务层/中间层），基于Nodejs语言开发，可以让前端/后台，快速进行接口的业务的整合工作，配合原子层进行接口请求分层处理，简化每层的开发难易度，需要依赖于原子层进行使用。</div>
          <div class="quickIntroduceBtn">
            <a href="/moreVersion?type=aggregation">
              <div class="quickDownload">Noejs最新版点击下载</div>
            </a>
            <div class="moreVersion"><a href="/moreVersion?type=aggregation">更多版本</a></div>
          </div>
        </div>
        <div class="quickIntroduceItem">
          <div class="quickIntroduceName">Easy-D 管理端开发框架</div>
          <div class="quickIntroduceDesc">管理端开发框架（可视化管理原子层与聚合层），提供对原子层和聚合层的基本可视化管理，以及为开发人员提供基本的公司组织架构，文档创建管理，服务器基本管理等基本的通用服务功能，需要依赖于原子层和聚合层进行使用</div>
          <div class="quickIntroduceBtn">
            <a href="/moreVersion?type=admin">
              <div class="quickDownload">Vue最新版点击下载</div>
            </a>
            <div class="moreVersion"><a href="/moreVersion?type=admin">更多版本</a></div>
          </div>
        </div>
        <div class="quickIntroduceItem" style="border:none;">
          <div class="quickIntroduceName">Easy-D PC端开发框架</div>
          <div class="quickIntroduceDesc">PC端开发框架，集合了聚合层接口服务，可以进行接口请求之后，进行相应的界面渲染工作，需要依赖于原子层进行开发使用，使用后台渲染方式，适用于对SEO优化要求较高的项目。</div>
          <div class="quickIntroduceBtn">
            <div class="quickDownload makingClick" style="color:#eee;background:#ccc;">正在优化，敬请期待...</div>
            <div class="moreVersion">更多版本</div>
          </div>
        </div>

        <div class="quickIntroduceItem" style="border:none;margin-top:-10px;">
          <div class="quickIntroduceName">Easy-D 微信端开发框架</div>
          <div class="quickIntroduceDesc">微信端开发框架，纯前端开放整合框架，使用webpck+vue进行项目的构建工作，整合使用率较高的各类三方开发库，可以快速进行端项目的开发打包工作，可以通过管理开发端，进行项目的管理工作，实现自动化打包上传等工作。</div>
          <div class="quickIntroduceBtn">
            <div class="quickDownload makingClick" style="color:#eee;background:#ccc;">正在优化，敬请期待...</div>
            <div class="moreVersion">更多版本</div>
          </div>
        </div>

        <div class="quickIntroduceItem useEd" style="background:url('/image/ed-31.jpg')">
          <div class="videoPlayerBtn">
            <i class="fa fa-play-circle-o fa-lg"></i>
          </div>
          <div class="videoBottom"><i class="fa fa-lightbulb-o fa-lg"></i> 带您快速了解Easy-D集合开发框架的开发理念</div>
        </div>

        <div class="quickIntroduceItem" style="border:none;margin-top:-10px;">
          <div class="quickIntroduceName">Easy-D 服务开发框架</div>
          <div class="quickIntroduceDesc">服务层开发框架，专门为开发独立三方服务建立的快速开发框架，是聚合层框架的精简版本，可以进行诸如，文件服务，短信服务，推送服务，支付服务等独立服务的开发，可以快速接入项目进行使用，并提供了文档管理工具</div>
          <div class="quickIntroduceBtn">
            <!-- <a href="/moreVersion?type=service">
              <div class="quickDownload">Vue最新版点击下载</div>
            </a>
            <div class="moreVersion"><a href="/moreVersion?type=service">更多版本</a></div> -->
            <div class="quickDownload makingClick" style="color:#eee;background:#ccc;">正在优化，敬请期待...</div>
            <div class="moreVersion">更多版本</div>
          </div>
        </div>
      </div>
    </div>
  </div>


  <div class="caseBox">
    <div class="caseMain">
      <div class="caseTitleBox">
        <div class="caseTitleIcon">
          <!-- <img src="/image/ed-18.png" /> -->
          <i class="fa fa-external-link-square"></i>
        </div>
        <div class="caseTitle"><b>微服务型产品<span style="font-size:14px;color:#666;">（基于Easy-D服务开发框架开发）</span></b>
          <!-- <div class="applyMaintainBox">
            <a href="/applyMaintainUser"><i class="fa fa-hand-o-right fa-lg"></i>申请成为开发维护人员</a><span>
              加入我们，成为Easy-D的开发维护人员吧</span>
          </div> -->
        </div>
      </div>
      <div class="caseContentBox">
        <div class="serviceContentItem">
          <div class="serviceTitleImage">
            <img src="https://e-d.oss-cn-beijing.aliyuncs.com/product/wenjianfuwu.png" />
            <a href="/apiDetail?type=file_service"><div class="serviceBtn">教我使用</div></a>
            <div class="authorHeaderBox">
              <p class="authorTitle">开发者维护人员</p>
              <p class="authorName">- <b><a href="/userDetail?id=1">蔚轩</a></b> -</p>
            </div>
          </div>
          <div class="serviceDesc">
            <div class="serviceDescTitle">文件OSS服务<div class="serviceTag">免费</div>
            </div>
            <div class="serviceDescContent">Easy-D
              文件服务，使用Easy-D服务开发框架开发的文件管理服务器，可以让您轻松进行文件上传，图片水印，缩略图，裁切等处理，为您提供成套的文件上传以及处理接口，启动安装后可作为文件服务器进行使用，管理您在项目中的文件相关内容.</div>
          </div>
        </div>


        <!-- <div class="serviceContentItem">
          <div class="serviceContentMaskBox">
           <i class="fa fa-cogs fa-lg"></i>
           正在优化，敬请期待...
          </div>
          <div class="serviceTitleImage">
            <img src="https://e-d.oss-cn-beijing.aliyuncs.com/product/duanxinfuwu.png" style="width:90px;height:auto;margin-left:28px;margin-top:7px;margin-bottom:15px;" />
            <div class="serviceBtn">教我使用</div>
            <div class="authorHeaderBox">
              <p class="authorTitle">开发者维护人员</p>
              <p class="authorName">- <b><a href="/userDetail?id=1">蔚轩</a></b> -</p>
            </div>
          </div>
          <div class="serviceDesc">
            <div class="serviceDescTitle">短信封装服务<div class="serviceTag">免费</div>
            </div>
            <div class="serviceDescContent">Easy-D
              短信封装服务，为大家封装较为常用的三方短信服务商公司的Api接口，可以快速切换短信应用公司，并且尽量使用相同的短信api发送接口进行短信的发送，并且封装了常见的短信发送业务情况，我们也会不断的完善更多的短信服务商.</div>
          </div>
        </div> -->

        <!-- <div class="serviceContentItem">
            <div class="serviceContentMaskBox">
                <i class="fa fa-cogs fa-lg"></i>
                正在优化，敬请期待...
               </div>
          <div class="serviceTitleImage">
            <img src="https://e-d.oss-cn-beijing.aliyuncs.com/product/jishitongxunfuwu.png" style="width:90px;height:auto;margin-left:27px;margin-top:7px;margin-bottom:15px;" />
            <div class="serviceBtn">教我使用</div>
            <div class="authorHeaderBox">
              <p class="authorTitle">开发者维护人员</p>
              <p class="authorName">- <b><a href="/userDetail?id=2">欧亚萍</a></b> -</p>
            </div>
          </div>
          <div class="serviceDesc">
            <div class="serviceDescTitle">即时通讯服务<div class="serviceTag">免费</div>
            </div>
            <div class="serviceDescContent">Easy-D
              即时通讯服务，使用Easy-D服务开发框架开发的即时通讯服务器，支持即时通讯的基本通讯能力，注册，单聊，会话，历史消息记录，发送文本消息，图片消息，系统消息，聊天室功能等.</div>
          </div>
        </div> -->


          <!-- 
          <div class="serviceContentItem" style="visibility:hidden;">
              <div class="serviceTitleImage"></div>
          </div> -->
      </div>

    </div>

    <div class="caseBox" style="margin-top:40px;">
      <div class="caseMain">
        <div class="caseTitleBox" style="position:relative">
          <div class="caseTitleIcon">
            <!-- <img src="/image/ed-18.png" /> -->
            <i class="fa fa-external-link-square"></i>
          </div>
          <div class="caseTitle"><b>使用案例</b>
            <div style="position:absolute;right:10px;top:8px;font-size:14px;"><a href="/case">查看更多</a></div>
          </div>
        </div>
        <div class="caseContentBox">
          <div class="caseContentItem">
            <div class="caseContentLogo">
              <div class="leftLine" style="width:60px;"></div>
              <div class="leftLine" style="top:50px;width:100px;"></div>
              <div class="leftLine" style="top:110px;width:30px;"></div>
              <img src="/image/ed-21.jpg" />
              <div class="rightLine" style="width:60px;"></div>
              <div class="rightLine" style="top:50px;width:100px;"></div>
              <div class="rightLine" style="top:110px;width:30px;"></div>

            </div>
            <div class="caseContentText">
              <b><i class="fa fa-bookmark-o fa-lg"></i>好校长</b><br />智能管理系统，面向教育机构，提供校区微官网，互联网招生工具，教务教学管理，经营分析等一站式综合服务
            </div>
          </div>
          <div class="caseContentItem">
            <div class="caseContentLogo">
              <div class="leftLine" style="width:60px;"></div>
              <div class="leftLine" style="top:50px;width:100px;"></div>
              <div class="leftLine" style="top:110px;width:30px;"></div>
              <img src="/image/ed-1.png" />
              <div class="rightLine" style="width:60px;"></div>
              <div class="rightLine" style="top:50px;width:100px;"></div>
              <div class="rightLine" style="top:110px;width:30px;"></div>
            </div>
            <div class="caseContentText">
              <b><i class="fa fa-bookmark-o fa-lg"></i>乐器乌托邦</b><br />乐器社交交友平台，乐器交流，即时交流，曲谱库，比赛活动，视频教学三位一体的音乐社交平台
            </div>
          </div>
          <div class="caseContentItem">
            <div class="caseContentLogo">
              <div class="leftLine" style="width:60px;"></div>
              <div class="leftLine" style="top:50px;width:100px;"></div>
              <div class="leftLine" style="top:110px;width:30px;"></div>
              <img src="/image/ed-37.png" />
              <div class="rightLine" style="width:60px;"></div>
              <div class="rightLine" style="top:50px;width:100px;"></div>
              <div class="rightLine" style="top:110px;width:30px;"></div>
            </div>
            <div class="caseContentText">
              <b><i class="fa fa-bookmark-o fa-lg"></i>艺魔方</b><br />艺术交流平台，为家长孩子提供一站式快速找课平台，并可以即时参与机构提供的各类促销，砍价，拼团等互动活动
            </div>
          </div>
          <!-- <div class="caseContentItem">
            <div class="caseContentLogo">
                <div class="leftLine" style="width:60px;"></div>
                <div class="leftLine" style="top:50px;width:100px;"></div>
                <div class="leftLine" style="top:110px;width:30px;"></div>
                <img src="/image/xiaoyingtong_logo.jpg" style="width:120px;height:auto;margin-top:28px;" />
                <div class="rightLine" style="width:60px;"></div>
                <div class="rightLine" style="top:50px;width:100px;"></div>
                <div class="rightLine" style="top:110px;width:30px;"></div>
            </div>
            <div class="caseContentText">
                <b><i class="fa fa-bookmark-o fa-lg"></i>校盈通</b><br/>是以互联网为载体，为K12中小学培训机构提供办学资源的综合服务商
            </div>
          </div> -->
          <!-- <div class="caseContentItem">
            <div class="caseContentLogo">
                <div class="leftLine" style="width:60px;"></div>
                <div class="leftLine" style="top:50px;width:100px;"></div>
                <div class="leftLine" style="top:110px;width:30px;"></div>
                <img src="/image/maomao-oa.png" />
                <div class="rightLine" style="width:60px;"></div>
                <div class="rightLine" style="top:50px;width:100px;"></div>
                <div class="rightLine" style="top:110px;width:30px;"></div>
            </div>
            <div class="caseContentText">
                <b><i class="fa fa-bookmark-o fa-lg"></i>MaoMaoOA</b><br/>是一款自主开发的开源OA管理系统，具有各类常用的公司管理功能，例如考勤，自定义桌面，项目管理等
            </div>
          </div> -->
          <!-- <div class="caseContentItem">
            <div class="caseContentLogo">
                <div class="leftLine" style="width:60px;"></div>
                <div class="leftLine" style="top:50px;width:100px;"></div>
                <div class="leftLine" style="top:110px;width:30px;"></div>
                <img src="/image/ed-22.jpg" />
                <div class="rightLine" style="width:60px;"></div>
                <div class="rightLine" style="top:50px;width:100px;"></div>
                <div class="rightLine" style="top:110px;width:30px;"></div>
            </div>
            <div class="caseContentText">
                <b><i class="fa fa-bookmark-o fa-lg"></i>哈希旺旺</b><br/>依托区块链底层原理，围绕α的产生、挖矿、奖励、兑换，构造了α星球生态系统
            </div>
          </div> -->
        </div>
      </div>
    </div>


    <!-- <div class="caseBox">
      <div class="caseMain">
        <div class="caseTitleBox">
          <div class="caseTitleIcon">
            <i class="fa fa-external-link-square"></i>
          </div>
          <div class="caseTitle"><b>最新动态</b></div>
        </div>
        <div class="caseContentBox">

          <div class="caseContentItem" style="height:280px;">
            <a href="/dynamicDetail?id=1">
              <div class="createTimeBox"><i class="fa fa-clock-o fa-lg"></i>2019/04/08</div>
              <div class="caseContentLogo" style="background:url('/image/ed-14.jpg');background-size:cover">
              </div>
              <div class="caseContentText">
                <b><i class="fa fa-bookmark-o fa-lg"></i>Easy-D 集合开发框架v1.0正式使用</b><br />
                Easy-D 集合开发框架v1.0正式使用咯，各位小伙伴可以下载进行使用了，谢谢大家的支持
              </div>
            </a>
          </div>

          <div class="caseContentItem" style="height:280px;">
            <a href="/dynamicDetail?id=2">
              <div class="createTimeBox"><i class="fa fa-clock-o fa-lg"></i>2019/04/10</div>
              <div class="caseContentLogo" style="background:url('/image/ed-15.jpg');background-size:cover"></div>
              <div class="caseContentText">
                <b><i class="fa fa-bookmark-o fa-lg"></i>更多的开发者参与进来<br /></b>
                开发小伙伴们踊跃注册，一起加入到框架升级的进程中来吧，可以进行框架的开发或者扩展模块的开发
              </div>
            </a>
          </div>
          <div class="caseContentItem" style="height:280px;">
            <a href="/dynamicDetail?id=3">
              <div class="createTimeBox"><i class="fa fa-clock-o fa-lg"></i>2019/04/12</div>
              <div class="caseContentLogo" style="background:url('/image/ed-16.jpg');background-size:cover"></div>
              <div class="caseContentText">
                <b><i class="fa fa-bookmark-o fa-lg"></i>投票和提问功能开启<br /></b>
                功能投票功能可以使用啦，小伙伴们可以把自己想要的功能进行投票，我们会经过筛选优先在新的版本中更新
              </div>
            </a>
          </div>
        </div>
      </div>
    </div> -->

    <div class="contributorsBox">
      <div class="contributorsBoxTitle">Easy-D 集合框架贡献维护人员列表<span id="moreContributorsBtn">点击查看更多</span></div>
      <div class="contributorsBoxContent">
        <%
         var mUserData = [
          {
            id : "1",
            name : "李蔚轩",
            header_url : "https://e-d.oss-cn-beijing.aliyuncs.com/system_header/system_header_17.png"
          }
         ];
        
        %>
        <% for(var i=0;i<mUserData.length;i++){ %>
          <a href="/userDetail?id=<%- mUserData[i].id %>">
        <div class="contributorsUserItem">
          <img src="<%- mUserData[i].header_url %>" />
          <p><%- mUserData[i].name %></p>
        </div>
      </a>
        <% } %>
      </div>
      <!-- <div class="moreShowUser">查看更多</div> -->
    </div>

    <div class="donationBox">
      <div class="donationMain">
        <a href="/donation" style="text-decoration: none;">
          <div class="donationZhiFuBtn">捐赠我们</div>
        </a>
        <div class="donationZhiFuInfo">
          支持我们，让Easy-D发展的更加美好
        </div>
      </div>
    </div>

    <div class="declarationBox">
      <div class="declarationTitle">即刻成为 Easy-D 开发者，让您的速度快人一步</div>
      <!-- <img src="/image/zuikuaide.jpg" /> -->
      <a href="/register">
        <div class="declarationRegister">马上注册</div>
      </a>
    </div>

    <% include layout/footer.ejs %>

    <!-- 视频框 -->
    <div class="popVideoPlayBox">
      <div class="popVideoPlayContent">
        <video id="my-video" class="video-js vjs-big-play-centered" controls style="width:100%;height:100%;">
          <source id="video_source" src="
          https://e-d.oss-cn-beijing.aliyuncs.com/video/%E5%B8%A6%E6%82%A8%E4%BA%86%E8%A7%A3%E4%BB%80%E4%B9%88easy-D%E9%9B%86%E5%90%88%E5%BC%80%E5%8F%91%E6%A1%86%E6%9E%B6.mp4" type="video/mp4">
          <p class="vjs-no-js">
            要查看此视频，请启用JavaScript，并考虑升级到一个网页浏览器
            <a href="http://videojs.com/html5-video-support/" target="_blank">支持HTML5视频</a>
          </p>
        </video>
      </div>
      <div class="popVideoPlayClose"><i class="fa fa-close fa-lg"></i></div>
    </div>

</body>
<script>
  $(function () {

    $("#moreContributorsBtn").click(function(){
      var nowHeight = $(".contributorsBoxContent").height();
      if(nowHeight > 150){
        $("#moreContributorsBtn").text("点击查看更多")
        $(".contributorsBoxContent").css("height","150px");
      }else{
        $("#moreContributorsBtn").text("关闭展开效果")
        $(".contributorsBoxContent").css("height","auto");
      }
      
    });

    $(".videoPlayerBtn").click(function () {

      //禁止滚动条
      var nowScrollTop = $(document).scrollTop();
      $(".popVideoPlayBox").css("top", nowScrollTop);
      $(document).on('scroll.unable', function (e) {
        $(document).scrollTop(nowScrollTop);
      })

      $(".popVideoPlayBox").fadeIn(300);

    })

    $(".popVideoPlayClose").click(function () {
      //解放滚动条
      $(document).unbind("scroll.unable");
      $(".popVideoPlayBox").hide();
      var myVideo = document.getElementsByTagName('video')[0];
      myVideo.pause();

    })

    $(".makingClick").click(function () {
      POP.alert("提示信息", "<p style='text-align:center;'><img src='/image/ed-38.png' style='width:80%;height:auto;margin-top:-40px;' /></p><p style='text-align:center;color:#666;height:50px;margin-top:30px;font-size:18px;'>该框架正在优化中,敬请期待...</p>");
    })
  })
</script>

</html>